<%--
  Created by IntelliJ IDEA.
  User: root
  Date: 11/13/24
  Time: 12:59 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div id="sidebar" class="widget-area all-sidebar" style="position: relative; box-sizing: border-box; min-height: 1px;">

    <!--About THE WEBSITE-->
    <aside class="widget about">
        <h3 class="widget-title">
            <i class="fa fa-bars"></i>About the website
        </h3>
        <div id="feed_widget">
            <div class="feed-about">
                <div class="about-main">
                    <div class="about-img">
                        <img src="${options.optionAboutsiteAvatar}" alt="QR Code">
                    </div>
                    <div class="about-name"${options.optionAboutsiteTitle}></div>
                    <div class="about_the">
                        ${options.optionAboutsiteContent}
                    </div>
                </div>
                <div class="clear"></div>
                <ul>
                    <li class="weixin">
                        <a title="WeChat" id="weixin_btn" rel="external nofollow">
                            <i class="fa fa-weixin"></i>
                            <div id="weixin_code" class="hide">
                                <img src="${options.optionAboutsiteWechat}" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="tqq">
                        <a target="_blank" rel="external nofollow" href="http://wpa.qq.com/msgrd?V=3&amp;uin=${options.optionAboutsiteQq}&amp;Site=QQ&amp;Menu=yes" title="QQ-Online">
                            <i class="fa fa-qq"></i>
                        </a>
                    </li>
                    <li class="tsina">
                        <a title="" href="http://weibo.com/${options.optionAboutsiteWeibo}" target="_blank" rel="external nofollow">
                            <i class="fa fa-weibo"></i>
                        </a>
                    </li>
                    <li class="feed">
                        <a title="" href="https://github.com/${options.optionAboutsiteGithub}" target="_blank" rel="external nofollow">
                            <i class="fa fa-github"></i>
                        </a>
                    </li>
                </ul>
                <div class="about-inf">
                    <span class="about-pn">Article${siteBasicStatistics[0]}</span>
                    <span class="about-cn">Comment${siteBasicStatistics[1]}</span>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </aside>

    <!--Website Situation-->
    <aside id="php_text-22" class="widget php_text">
        <h3 class="widget-title">
            <i class="fa fa-bars"></i>Website Situation
        </h3>
        <div class="textwidget widget-text">
            <ul class="site-profile">
                <li><i class="fa fa-file-o"></i>Article Total Number:${siteBasicStatistics[0]}</li>
                <li><i class="fa fa-commenting-o"></i>Comment Number:${siteBasicStatistics[1]}</li>
                <li><i class="fa fa-folder-o"></i>Category Number:${siteBasicStatistics[2]}</li>
                <li><i class="fa fa-tags"></i>Tag Total Number:${siteBasicStatistics[3]}</li>
                <li><i class="fa fa-link"></i>Link Number:${siteBasicStatistics[4]}</li>
                <li><i class="fa fa-eye"></i>View Number:${siteBasicStatistics[5]}</li>
                <li><i class="fa fa-pencil-square-o"></i>Final Update:
                <span style="color: #2F889A">
                    <fmt:formatDate value="${lastUpdateArticle.articleUpdateTime}" pattern="yyyyYearMMMonthddDay"/>
                </span>
                </li>
            </ul>
        </div>
        <div class="clear"></div>
    </aside>

    <!--All Tags-->
    <aside class="widget">
        <h3 class="widget-title">
            <i class="fa fa-bars"></i>All Tags
        </h3>
        <div class="tagcloud">
            <c:forEach items="${allTagList}" var="tag">
                <a href="/tag/${tag.tagId}" class="tag-link-129 tag-link-position-1" style="font-size: 14px;">
                    ${tag.tagName}
                </a>
            </c:forEach>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </aside>

    <!--Newest Comment-->
    <aside id="recent_comments-2" class="widget recent_comments wow fadeInUp" data-wow-delay="0.3s">
        <h3 class="widget-title"><i class="fa fa-bars"></i>Recent Comment</h3>
        <div id="message" class="message-widget">
            <ul>
                <c:forEach items="${recentCommentList}" var="r">
                    <li style="border: none;">
                        <a href="/article/${r.commentArticleId}/#anchor-comment-${r.commentId}" rel="external nofollow">
                            <span class="comment_author">
                                <strong>${r.commentAuthorName}</strong>
                            </span>
                            ${r.commentContent}
                        </a>
                    </li>
                </c:forEach>
            </ul>
        </div>
        <div class="clear"></div>
    </aside>
</div>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--</head>--%>
<%--<body>--%>

<%--</body>--%>
<%--</html>--%>
